<template>
    <div class="refresh">
        <div class='num f-fl'>
            <span>当页<i>{{cur}}</i>条</span>
            <span>总共<i>{{count}}</i>条</span>
            <slot name='cost_count'></slot>
        </div>
        <a @click='refresh' class="btn  f-fr">{{refreshText?refreshText:"刷新"}}</a>
        <header class='f-fr' v-if='className' :class="className">
            <slot name="header"></slot>
        </header>
    </div>
</template>
<script>
  export default{
      data(){
          return{
              isShow:false,

          }
      },
      props:['cur','count','cost_count','className','refreshText'],
      created(){

      },
      methods:{
          refresh(){
              this.$parent.$emit('refresh')
          }
      }

  }
</script>
<style lang="scss" scoped>
     .refresh{
         height:60px;
         border-top:1px #ddd solid;
         background:#fff;
         .num{
             line-height:60px;
             text-indent:20px;
             font-size:14px;
             color:#363d4e;
             span{
                 height:20px;
                 text-align: center;
                 i{
                     font-size:14px;
                     color:#3494E7;
                     margin:0 2px;
                 }
             }
         }
        header{
            display:inline-block;
             width:100px;
            height:32px;
            text-align: center;
            text-indent:10px;
            font-size:16px;
            line-height:32px;
            border-radius:2px;
            margin: 15px 20px 0 0;
            color:#fff;
            /*background:url(./img/common_icon_Export_white.png) left 12px center #3494E7 no-repeat;*/
            /*background-size:18px 18px;*/
        }
        .add{
            background:url(./img/common_icon_add_white@2x.png) left 4px center #26BF8C no-repeat;
            background-size:18px 18px;
        }
        .btn{
            display:block;
            width:100px;
            height:32px;
            text-align: center;
            text-indent:10px;
            font-size:16px;
            line-height:32px;
            border-radius:2px;
            margin:15px 40px 0 0;
            color:#fff;
            background:url(./img/refresh.png) left 12px center #3494E7 no-repeat;
            background-size:18px 18px;
        }
     }
</style>